.notice-details-all {
    width: 100%;
    min-height: calc(100% - 64px - 50px);
    background: #f5f5f5;
    padding: 16px 0;
    .notice-details-middle {
        width: 1200px;
        margin: 0 auto;
        background: #fff;
        min-height: 750px;
        h1 {
            font-family: "Microsoft YaHei";
            font-size: 30px;
            font-weight: 400;
            font-stretch: normal;
            line-height: 40px;
            letter-spacing: -1px;
            color: #333;
            text-align: center;
            margin-bottom: 22px;
            padding: 42px 42px 0 42px;
        }
        .notice-details-message {
            text-align: center;
            .people-img {
                display: inline-block;
                width: 18px;
                height: 18px;
                background-image: url('../../images/people.png');
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                margin-right: 4px;
                vertical-align: middle;
                top: -2px;
                position: relative;
            }
            .timer-img {
                display: inline-block;
                width: 15px;
                height: 15px;
                background-image: url('../../images/time.png');
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                margin-right: 4px;
                vertical-align: middle;
                top: -2px;
                position: relative;
            }
            span:nth-child(1) {
                margin-right: 41px;
            }
        }
        .notice-details-border {
            display: inline-block;
            width: 1128px;
            height: 1px;
            border-top: dashed 1px #cccccc;
            margin: 0 36px 15px 36px;
        }
        .notice-content {
            margin: 0 58px 0 60px;
            padding-bottom: 20px;
            min-height: 400px;
        }
        .notice-attachment-preview{
          display: flex;
          align-items: flex-start;
          justify-content: center;
          margin-bottom: 50px;
        }
    }
    .notice-down-box {
        width: 1128px;
        // height: 138px;
        background-color: #ebebeb;
        border-radius: 5px;
        padding-bottom: 5px;
        margin: 0 36px 58px 36px;
        & p:nth-child(1) {
            font-family: "Microsoft YaHei";
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 24px;
            letter-spacing: 0px;
            color: #000000;
            margin: 0 0 8px 0;
            i {
                display: inline-block;
                width: 24px;
                height: 24px;
                background: url('../../images/附件下载.png');
                margin: 12px 6px 0 16px;
                vertical-align: sub;
            }
        }
        .notice-down-message {
            width: 1118px;
            height: 82px;
            background-color: #ffffff;
            border-radius: 3px;
            margin: 0 0 0 5px;
            position: relative;
            .uploadType-img {
                display: inline-block;
                width: 45px;
                height: 50px;
                position: absolute;
                top: 16px;
                left: 20px;
                background-image: url('../../images/uploadType/null.png');
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
            }
            .png,
            .jpg,
            .jpeg,
            .bmp,
            .gif {
                background-image: url(../../images/uploadType/img.png);
            }
            .zip,
            .rar {
                background-image: url(../../images/uploadType/zip.png);
            }
            .txt {
                background-image: url(../../images/uploadType/txt.png);
            }
            .doc,
            .docx,
            .docs {
                background-image: url(../../images/uploadType/doc.png);
            }
            .xls,
            .xlsx {
                background-image: url(../../images/uploadType/excel.png);
            }
            .ppt,
            .pptx {
                background-image: url(../../images/uploadType/PPT.png);
            }
            .pdf {
                background-image: url(../../images/uploadType/PDF.png);
            }
            .mp3 {
                background-image: url(../../images/uploadType/music.png);
            }
            .mp4 {
                background-image: url(../../images/uploadType/video.png);
            }
            p:nth-child(2) {
                position: relative;
                top: 18px;
                left: 73px;
                font-family: "Microsoft YaHei";
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0px;
                color: #000000;
                margin: 0;
            }
            .down-file {
                position: relative;
                top: 20px;
                left: 73px;
                font-family: "Microsoft YaHei";
                text-decoration: underline;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0px;
                color: #0099ff;
                margin: 0;
                cursor: pointer;
            }
        }
    }
}

.notice-details-empty {
    position: relative;
    z-index: 111;
    opacity: 1;
    top: -60px;
    background: #fff;
    height: 500px;
    h1 {
        font-size: 40px;
        line-height: 400px;
        text-align: center;
    }
}

// .upload-file-type{
// }
.ant-message-notice-content {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important
}

.notice_detail {
    height: 100vh;
    .btn_container {
        height: 50px;
        width: 1200px;
        margin: 0 auto;
        z-index: 100;
        text-align: right;
        .blue_btn {
            display: inline-block;
            padding: 0 16px;
            min-width: 78px;
            cursor: pointer;
            height: 28px;
            line-height: 1.95;
            font-size: 14px;
            font-weight: 400;
            font-stretch: normal;
            letter-spacing: 0;
            color: #fff;
            text-align: center;
            margin: 11px 0 11px 12px;
            background-image: linear-gradient(90deg, #0fc1fc, #1da4fe), linear-gradient(#fff, #fff);
            background-blend-mode: normal, normal;
            border-radius: 14px;
            box-shadow: 0 7px 16px -6px #1da4fe;
            &:hover {
                opacity: 0.75;
            }
        }
        .red_btn {
            display: inline-block;
            padding: 0 16px;
            cursor: pointer;
            height: 28px;
            min-width: 78px;
            line-height: 1.95;
            font-size: 14px;
            font-weight: 400;
            font-stretch: normal;
            letter-spacing: 0;
            color: #fff;
            text-align: center;
            margin: 11px 0 11px 12px;
            background-image: linear-gradient(90deg, #ff593e, #ff1b10), linear-gradient(#fff, #fff);
            background-blend-mode: normal, normal;
            border-radius: 14px;
            box-shadow: 0 7px 16px -6px #ff1b10;
            &:hover {
                opacity: 0.75;
            }
        }
    }
}